<!DOCTYPE html>
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>YUXI涂料</title>
    <link rel="icon" ty type="image/svg+xml" href="/static/pc/images/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="/static/pc/css/swiper.css"/>
    <link rel="stylesheet" type="text/css" href="/static/pc/css/main.css?time=202311201438"/>
    <script type="text/javascript" src="/static/js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/lib/idangerous.swiper.min.js"></script>
    <script type="text/javascript" src="/static/js/lib/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="/static/js/lib/jquery.countup.min.js"></script>
    <script type="text/javascript" src="/static/js/lib/jquery.imgscroll.min.js"></script>
    <script type="text/javascript" src="/static/js/lib/ripple.min.js"></script>
    <script type="text/javascript" src="/static/pc/js/main.js?time=202311201438"></script>
    <script type="text/javascript" src="/static/pc/js/index.js"></script>
</head>
<body>
<div th:replace="${route}+'inc/header'::header('index',0)"/>

<div class="banner-container">
    <a class="arrow arrow-left" href="javascript:"></a>
    <a class="arrow arrow-right" href="javascript:"></a>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" th:each="item:${bannerList}" th:if="${bannerList!=null && bannerList.size>0}"
                 th:style="${'background-image: url('''+website+'/'+item.img+''')'}">
            </div>
        </div>

    </div>
    <div class="pagination"></div>
</div>
<div class="product-module-title">
    <p> <span>产品展示</span></p>
    <p class="font-size-24px">PRODUCT DISPLAY</p>
</div>
<div class="home-product-list" th:if="${recommendProductList!=null && recommendProductList.size()>0}">
    <div class="product-item" th:each="productItem:${recommendProductList}">
        <a th:href="${productItem.detailUrl}">
            <ul>
                <li><img th:src="${website+'/'+productItem.smallImg}"></li>
                <li th:text="${productItem.name}"></li>
                <li th:text="${productItem.remark}"></li>
            </ul>
        </a>
    </div>
</div>
<div class="product-more-box">
    <a href="/self.html"> <span>查看更多</span></a>
</div>


<div class="new-product-box" th:if="${newProduct!=null}">
    <a th:href="${newProduct.detailUrl}">
        <ul>
            <li><img src="images/product.png" th:src="${website+'/'+newProduct.banner}"></li>
            <li><p>新产品推荐</p>
                <p>New product technology display</p>
                <p th:text="${newProduct.name}"></p>
                <p>
                    型号: <span th:text="${newProduct.spec}"></span>
                    包装: <span th:text="${newProduct.packing}"></span>
                </p>
                <p th:text="${newProduct.remark}"></p>
                <!--            <p><span class="left"></span><span class="right"></span></p>-->
            </li>
        </ul>
    </a>
</div>
<div style="margin-bottom: 90px">
    <img th:if="${bottomBannerList!=null && bottomBannerList.size()>0}"
         th:src="${website+'/'+bottomBannerList.get(0).img}">
</div>

<div class="cooperate-box">
    <div class="home-module-title">
        <p>合作客户</p>
        <p class="font-size-16px">我们重视我们与每一个客户的合作并与其建立长久的合作关系</p>
    </div>
    <div class="cooperate_container">
        <div class="cooperate-client">
            <ul th:if="${partnerList!=null}" th:style="${'width: '+partnerList.size()*740+'px'}">
                <li th:each="item:${partnerList}">
                    <img th:src="${website+'/'+item.img}">
                </li>
            </ul>
        </div>
    </div>
</div>


<div class="home-about-box">
    <ul>
        <li>公司简介</li>
        <li>集研发、生产、服务为一体的国家高新技术企业</li>
        <li>
            <th:block th:utext="${company.intro}"></th:block>
        </li>
        <li>
            <p>
                <span class="year">公司创建于</span>
                <span><i class="counter" th:text="${company.createYear}"></i><i>年</i></span>
            </p>
            <p>
                <span class="squire">公司占地面积</span>
                <span><i class="counter" th:text="${company.area}">60000</i><i>平方米 </i></span>
            </p>
            <p>
                <span class="member">公司员工</span>
                <span><i class="counter" th:text="${company.personNum}">300</i><i>+</i><i>人</i></span>
            </p>
        </li>
        <li>
            <div class="water-btn" onclick="location.href='/about.html';">
                <a class="ripple-wrapper" href="javascript:;"><span>了解更多详情</span></a>
            </div>
        </li>
    </ul>
    <div class="index-about-banner">
        <a class="arrow arrow-left" href="javascript:;"></a>
        <a class="arrow arrow-right" href="javascript:;"></a>
        <div class="index-about-swiper">
            <div class="swiper-wrapper">

                <div class="swiper-slide" th:each="item,itemStat:${aboutBannerList}"
                     th:if="${aboutBannerList!=null && aboutBannerList.size>0}"
                     th:style="${'background-image: url('''+website+'/'+item.img+''')'}">
                    <ul>
                        <li th:text="'0'+${itemStat.index+1}"></li>
                        <li>
                            <p th:text="${item.title}"></p>
                            <p th:text="${item.remark}">workshop show</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


<div th:replace="${route}+'inc/footer'::footer('index')"/>
</body>
</html>